<%@ page import="org.apache.commons.configuration.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
	<title>Diamond: Faceted Web Search & Analysis</title>

	
	<link rel="stylesheet" type="text/css" href="stylesheets/niftyCorners.css">
	<link rel="stylesheet" type="text/css" href="stylesheets/diamond-styles.css">

	<% org.apache.commons.configuration.Configuration prop = new PropertiesConfiguration("diamond.properties"); %>
	
	<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=<%=prop.getString("google.mapver")%>&amp;key=<%= prop.getString("google.mapkey") %>"></script>
	
	<%-- <script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2.67&amp;key=ABQIAAAAMCt530UgzvJYVP5YQjlZGxTnXCUxmiNX272NqBjZ24qonJ5aShRlt0GIeNJ5Yf66LSeWNebgECi8jw"></script> --%>
	<script type="text/javascript" src="javascripts/niftycube.js"></script>
    <script type="text/javascript" src="javascripts/hideDIV.js"></script>
	<script type="text/javascript">
	    window.onload=function(){
	        Nifty("ul#nav a","small transparent top");       
	    }
	</script>
</head>


<body onunload="GUnload()">

	<div>
		<img src="images/diamond-title7.png" alt="Diamond" />
	</div>
	
	
	<!-- TABBED TOOLBAR MENU -->
	<div id="menu">
		<ul id="nav">	 
	    	<li <c:if test="${param.activetoolbar eq 'find'}" >class="activelink"</c:if> ><a href="search.jsp">Find + Sort Gems</a></li>
	        <li <c:if test="${param.activetoolbar eq 'collections'}" >class="activelink"</c:if> ><a href="ConfigureManage.do">Gem Collections</a></li>
	   		<li <c:if test="${param.activetoolbar eq 'polish'}" >class="activelink"</c:if> ><a href="ConfigureAnalysis.do">Polish Gems</a></li>
	    </ul>
	</div>
	
	
	<!-- SEARCH BAR FORM -->	
   	<form name="queryform" method="post" action="Search.do" id="queryform">
   		<div>
			<input name="QueryTextBox" type="text" value="<c:if test="${query != null}" >${query}</c:if>" id="QueryTextBox" style="height:16px; width:300px; z-index: 114; position: absolute; top: 20px; left: 375px; " />
            
            <span style="z-index: 114; left: 800px; position: absolute; top: 27px; font-size: 70%"><a href="javascript:toggleLayer('searchoptions');" title="show search options"">search options</a></span>

		    <input type="submit" name="SearchButton" value="Search" id="SearchButton" style="width:104px;z-index: 101; left: 685px; position: absolute; top: 20px" />
        </div>
        <div id="searchoptions">
            search engine:  <select name="source">
                                <option value="google">Google</option>
                            </select>
            <p />               
            <!--max # of results: <input name="MaxResultsTextBox" type="text" value="${maxResults}" id="MaxResultsTextBox" size="5"  />-->
            max # of results: <input name="MaxResultsTextBox" type="text" value="5" id="MaxResultsTextBox" size="5"  /> 

            <p />
            download page content: <input type="checkbox" name="download"  />
            <br />
            extract locations: <input type="checkbox" name="extract" CHECKED />

            
            <a style="position: absolute; top: 3px; right: 3px;" href="javascript:toggleLayer('searchoptions');" title="hide search options"><img src="images/icon-close-window.png" alt="close window" style="border: 0;" /></a>

		    		    
		</div>
	</form>
	
